<template>
  <div class="box">
    <div class="boxbx" v-for="(v,i) in obj" :key="i">
      <img :src="v.imgsrc" alt="">
      <p>{{v.title}}</p>
    </div>
  </div>
</template>

<script>
// import {Two} from "@/api/yangchao.js"
import axios from "axios"


export default {
   data(){
    return {
        obj:[]
        }
    },
  mounted(){
  //   Two().then((ok)=>{
  //           console.log(ok)
  //           this.obj=ok.data
  //       })
  // }
  axios.request("http://localhost:8889/two")
    .then((ok)=>{
            console.log(ok)
            this.obj=ok.data
        })
  }
  
}
</script>

<style scoped>
.box{
  width: 350px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: auto;
  padding-top: 90px;
}
.boxbx{

  width: 170px;
  /* border-radius: 10px; */
  /* height: ; */
}
img{
  width: 170px;
  height: 170px;
  border-radius: 10px;

}
</style>